@layout("/common/_container.html",{js:["/assets/productPic/productPic_add.js"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">添加</span>
</div>

<div class="layui-fluid " style="">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="productPicForm" lay-filter="productPicForm" class="layui-form model-form" style="max-width: 700px;margin: 40px auto;">
                <input name="id" type="hidden"/>
                <div class="layui-form-item">
                    <label class="layui-form-label">选择产品分类<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="classification" name="productOrderId" type="hidden">
                        <input id="name_1"  placeholder="产品分类" type="text" class="layui-input"
                               lay-verify="required" required autocomplete="off"/></div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">图片跳转路径<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="picUrl" name="picUrl" placeholder="请输入图片跳转路径" type="text" class="layui-input" lay-verify="required" required/>
                    </div>
                </div>

                <fieldset class="layui-elem-field layui-field-title">
                    <legend>产品图片</legend>
                    <div class="layui-field-box" id="imagesBox">
                        <input id="picPath" name="picPath" type="hidden" >
                        <!--<div class="layui-upload-drag" id="productUpload">-->
                        <!--<i class="layui-icon"></i>-->
                        <!--<p>点击上传，或将文件拖拽到此处</p>-->
                        <!--</div>-->
                        <div class="layui-upload">
                            <div class="layui-upload-list">
                                <table class="layui-table">
                                    <thead>
                                    <tr>
                                        <th>文件名</th>
                                        <th>图像</th>
                                        <th>状态</th>
                                        <th>操作==</th>
                                    </tr>
                                    </thead>
                                    <tbody id="imageList"></tbody>
                                </table>
                            </div>
                            <button type="button" style="float: right" class="layui-btn" id="start"><i class="layui-icon layui-icon-upload"></i>开始上传</button>
                            <button type="button" style="   float: right;margin-right: 10px" class="layui-btn-primary layui-btn" id="selectFile"><i class="layui-icon layui-icon-add-1"></i>选择图片
                            </button>
                        </div>
                    </div>
                </fieldset>

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;提交&emsp;</button>
                        <button class="layui-btn layui-btn-primary" type="button" id="backupPage">&emsp;返回&emsp;</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@}